<div id="main">
  <div class="cl">&nbsp;</div>

  <!-- Content -->
  <div class="col col2" id="content">

    <% @articles.each do |article| %>

      <!-- Post -->
      <div class="post">
        <p class="date">Mar 03, 2010 @ 1:07pm</p>
        <h2 class="border">
          <%= link_to article.title %>
        </h2>
        <div class="post-image">
          <a href="blog-detailed.html"><img alt="" src="/images/post.jpg" /></a>
        </div>
        <div class="entry">
          <%= article.content.to_s.html_safe %>
        </div>
        <div class="post-meta">
          <div class="cl">&nbsp;</div>
          <p class="left">Posted in: <%= link_to article.category.name %></p>
          <p class="right"><a class="comment-it" href="#">Be the first to comment!</a> Comments: 4</p>
          <div class="cl">&nbsp;</div>

          <p>Tags:
            <a href="#">Tag1</a>, <a href="#">Tag2</a>, <a href="#">Tag3</a>
            <% article.tag_list do |tag| %>
              <%= link_to tag %>
            <% end %>
          </p>
          <div class="cl">&nbsp;</div>
        </div>
      </div>
      <!-- End Post -->
    <% end  %>

    <!-- Pagging -->
    <div class="blog-pagging blog-pagging-bottom">
      <div class="blog-pagging-holder">
        <span>First</span>
        <span>|</span>
        <a href="#">Previous</a>
        <span class="blog-pages">
          <a class="active" href="#">1</a>
          <a href="#">2</a>
          <a href="#">3</a>
        </span>
        <a href="#">Next</a>
        <span>|</span>
        <a href="#">Last</a>
      </div>
    </div>
    <!-- End Pagging -->

  </div>
  <!-- End Content -->

  <!-- Sidebar -->
  <div class="col col-right col1 blog-sidebar" id="sidebar">
    <ul>
      <li>
        <h2>CATEGORIES</h2>
        <ul>
          <li><a class="active" href="#">Web Design</a></li>
          <li><a href="#">Applications</a></li>
          <li><a href="#">Portals</a></li>
          <li><a href="#">Typography</a></li>
        </ul>
      </li>
      <li>
        <h2>ARCHIVES</h2>
        <ul>
          <li><a href="#">2010</a></li>
          <li>
            <a class="active" href="#">2009</a>
            <div class="list-links">
              <a href="#">August</a>,
              <a href="#">September</a>,
              <a href="#">October</a>,
              <a href="#">November</a>,
              <a href="#">December</a>
            </div>
          </li>
        </ul>
      </li>
      <li>
        <h2>POPULAR TAGS</h2>
        <div class="list-links">
          <a href="#">Design</a>,
          <a href="#">Photography</a>,
          <a href="#">Typography</a>,
          <a href="#">HDR</a>,
          <a href="#">Applications</a>
        </div>
      </li>
      <li>
        <div class="ads">
          <div class="ad left">
            <a href="#"><img alt="" src="/images/ad1.jpg" /></a>
          </div>
          <div class="ad right">
            <a href="#"><img alt="" src="/images/ad2.jpg" /></a>
          </div>
          <div class="cl">&nbsp;</div>
        </div>
      </li>
    </ul>
  </div>
  <!-- End Sidebar -->

  <div class="cl">&nbsp;</div>
</div>